<template>
    <div class="qingLing">
        <custom-dialog title="账户清零" size="small" @dialogClose="dialogTableClose">
            <div class="inInfoMain">
                <div class="left">
                    <div class="p66">
                        <label class="p33Label">表计是否分闸：</label>
                        <div>
                            <el-radio v-model="fhzzt" label="1" style="line-height: 36px; margin-right: 10px">不分闸</el-radio>
                            <el-radio v-model="fhzzt" label="2" style="line-height: 36px">分闸</el-radio>
                        </div>
                    </div>
                    <div class="p66">
                        <label class="p33Label"><b style="color: red; margin-right: 10px">*</b>账户密码：</label>
                        <div>
                            <el-input size="medium" type="password" placeholder="请输入密码" style="width: 160px" v-model="pwd"> </el-input>
                        </div>
                    </div>
                    <div class="p66" style="clear: both; height: 60px">
                        <label class="p33Label">清零描述：</label>
                        <div>
                            <el-input size="medium" placeholder="请输入" type="textarea" v-model="bz" style="width: 323px"> </el-input>
                            <el-button size="medium" style="padding: 10px 20px; margin-left: 10px" type="primary" @click="jfClick"
                                >清零</el-button
                            >
                        </div>
                    </div>
                    <!-- <div class="p66" style="margin-top: 16px">
                        <el-button size="medium" style="padding: 10px" type="primary" @click="jfClick">清零</el-button>
                    </div> -->
                </div>
            </div>
        </custom-dialog>
    </div>
</template>

<script>
import customDialog from '@/components/customComponents/customDialog'
export default {
    name: 'qingLing',
    props: ['info'],
    components: {
        customDialog
    },
    data() {
        return {
            fhzzt: '1',
            pwd: '',
            bz: '',
            userInfo: {
                /** 账户GUID */
                ac_guid: '',
                /** 用户ID */
                user_id: '',
                /** ac_id账户ID */
                ac_id: '',
                /** 账户名称 */
                ac_name: '',
                /** 用户名称 */
                user_name: '',
                /** 邮箱 */
                user_email: '',
                /** 电话 */
                user_tel: '',
                /** 免费账户余额 */
                free_sum: '',
                /** 免费电余额 */
                free_e_sum: '',
                /** 免费水余额 */
                free_w_sum: '',
                /** 透支额度 */
                over_sum: '',
                /** 告警金额 */
                alarm_sum: '',
                /** 计算时间大于一个指定周期提示操作人要注意 */
                com_cycle_time: '',
                /** 自缴费剩余金额 */
                self_sum: '',
                /** 账户类型（0：电表账户 1：水表账户 2:气表账户 3：电表水表混合 4：电表气表混合 5：水表气表混合 6：电表水表气表混合） */
                acType: '',
                acTypeName: '',
                /** 总剩余金额 */
                ac_sum: '',
                /** 账户使用类型（来至于数据字典，如学生宿舍、办公室、物业等 WYFZH为需缴纳物业费账户）  */
                w_acType: '',
                /** 单价（仅账户类型为0或1时有数据如电价、水价，混合账户无单价） */
                price: '',
                /** 是否物业欠费 默认为-1，当返回0时，点击充值时要提示未缴纳物业费 */
                w_isPay: '',
                /** 物业费金额 */
                wyf: ''
            }
        }
    },
    computed: {},
    created() {},
    methods: {
        async closeJf() {
            this.showJfMoeny = false
        },
        changeMoney(value) {
            this.moneyValue = value
            this.jfje = value
        },
        dialogTableClose() {
            this.$emit('onClose', '')
        }
    }
}
</script>

<style lang="scss" scoped>
.inInfoMain {
    margin: 0 10px;
    display: flex;
}

.left {
    flex: 1;
    text-align: left;
    margin-right: 10px;
    background-color: #fff;
    border: 1px solid #ebeef5;
    border-radius: 4px;
}

.left {
    background-color: #f5f5f5;
    padding: 10px 15px;
}
.left .p33 {
    width: 33%;
    float: left;
    height: 35px;
    line-height: 35px;
    text-align: left;
    font-size: 14px;
    color: #666;
    margin-bottom: 4px;
}
.left .p66 {
    width: 100%;
    display: flex;
    line-height: 35px;
    text-align: left;
    font-size: 14px;
    color: #666;
    gap: 10px;
    align-items: center;
    justify-content: center;
    > div {
        flex: 1;
        display: flex;
        align-items: center;
        // justify-content: center;
    }
}
.left .p33 .p33Label,
.left .p66 .p33Label {
    color: #666;
    font-size: 14px;
    width: 150px;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
}

.p33Bz {
    line-height: 60px !important;
    text-align: right;
    padding-right: 7px;
}
</style>